﻿/*
Theme Name:Initial
Version:2.3
Description:伪扁平化风格，具备CMS功能、响应式布局、搜索引擎优化、fancybox灯箱、代码高亮、媒体分享等。主题预览：<a href="http://www.dujin.org"> 缙哥哥的博客 </a>。
Author:&nbsp;缙哥哥
Author URI:http://www.dujin.org
*/

/* CSS RESET */
h1,h2,h3,h4,h5,h6,p,div,body,html,blockquote,a,span,article,aside,canvas,details,figcaption,figure,footer,header,object,iframe,img,audio,video,b,u,i,strong,code,pre,sup,sub,center,dl,dt,dd,table,tr,th,td,thead,tbody,tfoot,caption,form,fieldset,legend,input,button,textarea,select,label,ol,ul,li,menu,nav,section{padding:0;margin:0;font-family:inherit;outline:none;box-sizing:border-box;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{word-break:break-all;}
h2,h2 a{font-size:20px;font-weight:400;line-height:1.4;text-transform:uppercase;}
h2 a{color:#242424!important;}
h2 a:hover{color:#3D98D6!important;border-bottom:1px solid;}
h3{font-size:20px;font-weight:400;}
h4{font-size:16px;}
h5{font-size:15px;}
h6{font-size:14px;}
body{width:100%;font:14px/1.8 Helvetica,"Microsoft Yahei","Hiragino Sans GB",sans-serif;color:#333;background:#EEE;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-size-adjust:100%;}
a:link,a:visited{color:#3D98D6;text-decoration:none;transition:all 180ms ease-out;-webkit-transition:all 180ms ease-out;-moz-transition:all 180ms ease-out;}
audio,video,embed,button,iframe{max-width:100%;border:0;background:none;}
article,aside,section,blockquote,.main,#metro,.post-entry,.context{position:relative;}
label,button,input[type=submit],input[type=reset],input[type=button],input[type=file],.btn{cursor:pointer;}
input,select,textarea,.bd{border:1px solid #DDD;}
input,select{max-width:100%;padding:6px 8px;color:#999;border-radius:0;}
textarea{width:100%;padding:6px 8px;color:#999;resize:vertical;border-radius:0;}
input[type=checkbox],input[type=radio],embed{vertical-align:middle;border:0;}
input[type=submit],input[type=reset],input[type=button],input[type=text],input[type=password],input[type=search],textarea{-webkit-appearance:none;}
input[type=text]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus,select:focus{color:#000;background:#FFF!important;}
input[type=submit]:active,input[type=reset]:active,input[type=button]:active{box-shadow:0 3px 6px rgba(0,0,0,.2) inset;}
img,table{max-width:100%;height:auto;border:0;}
img.avatar{padding:3px;border:1px solid #E6E6E6;border-radius:60%;}
input,select,textarea,button,.thumbnail img,.slow{transition:all .24s ease-out;-webkit-transition:all .24s ease-out;-moz-transition:all .24s ease-out;}
.slower{transition:all .4s ease-out;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;}
button,.thumbnail img,.slow,.slower{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
code{font-family:Courier;color:#139;background:#EEF;padding:3px 6px;margin:0 3px;text-shadow:1px 1px 1px #FFF;border-radius:2px;}
blockquote{padding:30px 15px 15px;margin:20px 0 36px;background:#F9F9F9;border:2px solid #EEE;border-radius:6px;}
blockquote:before{content:'”';width:80px;height:0;line-height:24px;position:absolute;left:12px;top:32px;font-size:72px;color:#AAA;}
#gb{width:100%;height:auto;min-height:100%;position:fixed;top:0;left:0;}
#gbk{display:none;}
.main,#sidebar .widget{background:#FFF;border:1px solid #E6E6E6;}
.hide,.sub-menu{display:none;}
.clear:after{content:'';line-height:0;display:table;clear:both;}
.ad1,.ad2,.ad3,.ad4,.ad5,.ad6{max-width:100%;overflow:auto;}
.ad1,.ad5,.ad6{margin-bottom:20px;}
.ad4{margin-top:20px;}
.private{padding:3px 12px;margin:6px 0;background:#FFC;border:1px dashed #FE3;}
.mtitle{max-width:300px;color:#FFF;background:#0094C8;background:rgba(0,0,0,.8);padding:3px 10px;z-index:999;border-radius:3px;display:none;}
.button{color:#FFF;background:#06B666;padding:8px 12px;border:1px solid #00A660;border-radius:3px;}
.button:hover{background:#00A660;}
.immax{width:96%;max-width:1300px;margin:auto;}

/* 页面主体 */
#container{min-width:320px;margin:30px auto 0;}
#content{width:100%;float:left;word-wrap:break-word;}
.main{padding:20px;margin:0 330px 10px 0;}

/* 导航条 */
#nav{width:100%;min-width:320px;height:50px;line-height:50px;position:fixed;top:0;left:0;background:#000;background:rgba(0,0,0,.8);z-index:999;}
#nav-item{position:relative;}
#nav-logo{float:left;margin-top:5px;}
#nav-logo a{width:168px;height:40px;background-size:168px 40px;margin-right:10px;font:0/0 '';display:block;}
#nav-logo a:hover{opacity:.7;filter:alpha(opacity=70);}

/* 导航条-导航菜单 */
.nav-menu [class^=icon]{position:relative;left:-6px;font-size:14px;}
.nav-menu{font-size:0;display:inline-block;}
.nav-menu>li{height:50px;position:relative;display:inline-block;}
.nav-menu>li ul{position:absolute;padding:6px;background:#222;background:rgba(12,12,12,.8);-webkit-backface-visibility:hidden;-webkit-perspective:1000;}
.nav-menu>li>a{height:50px;}
.nav-menu>li a{padding:0 20px;font-size:16px;text-align:center;color:#FFF;display:block;}
.nav-menu>li a:hover{color:#FFF;background:#2496C6;}
.nav-menu>li li{position:relative;line-height:36px;}
.nav-menu>li li a{padding:0 36px;font-size:14px;white-space:nowrap;}
.nav-menu>li>ul ul{top:-6px;left:100%;}
.nav-menu>li.menu-item-has-children>a{padding-right:24px;}
.nav-menu>li.menu-item-has-children>a:after{font-size:12px;content:"\f103";position:absolute;right:12px;top:0;opacity:.5;}
.nav-menu>[class*=current]>a{color:#49B9F6;}
.nav-menu .sub-menu .menu-item-has-children>a:after{content:"»";position:absolute;margin-left:5px;}

.nav-menu-list [class^=icon]{margin-right:8px;}
.nav-menu-list{width:100%;max-width:420px;padding-bottom:40px;position:fixed;top:50px;left:-100%;bottom:0;font-size:110%;background:#222;overflow:auto;}
.nav-menu-list li{line-height:1.8;float:left;}
.nav-menu-list li a{color:#CCC;color:rgba(255,255,255,.6);}
.nav-menu-list li a:hover{color:#FFF;}
.nav-menu-list>li{width:100%;}
.nav-menu-list>li>a{padding:8px 15px;font-weight:800;background:rgba(0,0,0,.1);display:block;}
.nav-menu-list>li>ul{width:100%;padding:0 15px 6px!important;float:left;}
.nav-menu-list .sub-menu{display:block!important;height:auto!important;margin:0!important;}   /* Hack 下拉效果 */
.nav-menu-list .sub-menu li a{padding:6px 0;margin:8px 20px 0 0;display:inline-block;}
.nav-menu-list .sub-menu li:last-child>a{margin-right:0;}

#nav-switch{height:50px;padding:0 20px;font-size:30px;color:#CCC;color:rgba(255,255,255,.8);}
#nav-switch:before{content:"\f0c9";}
#nav-switch:hover{background:#2496C6;}

/* 导航条-导航按钮 */
#nav-btn{position:absolute;top:0;right:0;color:#FFF;}
#nav-btn .nav-button{width:50px;font-size:16px;text-align:center;color:#FFF;float:left;}
#nav-btn .active, #nav-btn a:hover, #confirm-rss:hover{background:#2496C6;}
#love-rss{width:200px;position:absolute;top:100%;right:0;background:#222;background:rgba(12,12,12,.8);padding:15px;}
#love-rss a{line-height:36px;color:#FFF;text-align:center;display:block;}
#love-rss input{width:100%;height:32px;margin-top:10px;display:block;border:0;border-radius:0;}
#confirm-rss{padding:8px;color:#FFF;background:rgba(255,255,255,.3);}
#nav-search{width:100%;padding:20px;position:fixed;top:50px;left:0;z-index:990;text-align:center;background:#000 url(../overlay.png);background-position:2px 0;white-space:nowrap;display:none;}
#nav-search .icon-search{position:relative;left:25px;font-size:16px;color:#AAA;}
#nav-search input{width:60%;min-width:280px;height:36px;padding-left:32px;}

/* Metro 方块 */
#mainbar{background:#000 url(../overlay.png);padding:50px 0 0;position:relative;z-index:9;}
#metro{height:230px;margin:30px auto;overflow:hidden;}
#featured{width:430px;float:left;position:relative;overflow:hidden;}
#featured a{height:230px;max-height:300px;position:relative;line-height:0;display:block;overflow:hidden;}
#featured li button{width:100%;height:230px;font-weight:800;font-size:28px;color:#FFF;}
#featured-box{width:9999px;}
#featured-box li{width:430px;float:left;}
#featured img{width:100%;height:auto;}
#featured>button{width:60px;height:50px;line-height:50px;position:absolute;top:30%;font-size:40px;color:#FFF;background:rgba(0,0,0,.7);border-radius:25px;filter:alpha(opacity=0);}
#featured-pre{left:-60px;}
#featured-nex{right:-60px;}
#featured:hover #featured-pre{left:-20px;}
#featured:hover #featured-nex{right:-20px;}
#featured>button:hover{background:rgba(0,0,0,.9);}
#featured #featured-pre:active{left:-24px;}
#featured #featured-nex:active{right:-24px;}
#featured-li{width:100%;position:absolute;bottom:0;line-height:0;text-align:center;}
#featured-li li{font:0/0 '';display:inline-block;width:10px;height:10px;border-radius:5px;background:#FFF;background:rgba(0,0,0,0);border:1px solid rgba(255,255,255,.3);margin:6px;cursor:pointer;}
#featured-li li:hover{background:#F14D4E;background:rgba(255,255,255,.8);}
#featured-li li.on{background:rgba(255,255,255,.6);cursor:default;}
.featured-title{width:100%;padding:4px 10px 18px;position:absolute;bottom:0;font-size:16px;font-weight:400;text-align:center;line-height:1.8;color:#FFF;background:#000;background:rgba(0,0,0,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

#rand{height:240px;margin:-10px 0 0 430px;position:relative;overflow:hidden;}
#rand:hover #rand-changer{right:0;}
#rand-changer{padding:0 10px;line-height:40px;position:absolute;right:-81px;top:100px;color:#FFF;background:#000;background:rgba(0,0,0,.7);border-radius:20px 0 0 20px;}
#rand-changer:hover{background:#2496C6;background:rgba(36,150,198,.8);}
#rand-changer .icon-refresh{margin:10px;}
#rand-loading{width:100%;height:230px;position:absolute;bottom:0;background:center url(../loader.gif) no-repeat;display:none;}
.rand-item{width:23.7%;height:110px;margin:10px 0 0 1.3%;position:relative;float:left;display:block;overflow:hidden;-webkit-backface-visibility:hidden;}
.rand-item img{width:auto;min-width:100%;max-width:none;height:100%;}
.rand-item button{width:90%;height:100%;position:absolute;top:100%;left:0;padding:0 6%;box-sizing:content-box;font-size:14px;color:#FFF;background:#000;background:rgba(0,0,0,.75);}
.rand-item:hover button{top:0;}

#main-detail{height:32px;margin:20px auto;line-height:32px;color:#999;}
#main-detail a:hover{background:#2496C6;}
#main-detail a:hover .detail{top:100%;opacity:1;filter:alpha(opacity=100)}
.main-follow{float:left;color:#FFF;padding:0 8px;margin-right:10px;border:1px solid rgba(255,255,255,.3);border-radius:4px;}
.main-likeus{float:left;text-align:center;}
.main-likeus a{width:40px;float:left;position:relative;}
.main-likeus i{color:#FFF;font-size:20px;}
.detail{position:absolute;top:-9999px;left:-50%;opacity:0;z-index:900;width:200%;line-height:32px;margin-top:10px;text-align:center;color:#FFF;background:#000;background:rgba(0,0,0,.8);border-radius:3px;transition:opacity .3s;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;filter:alpha(opacity=0)}
.detail.qrcode{width:150px;height:150px;padding:15px;left:-55px;border-radius:5px;}
.detail:before{content:"";display:block;position:absolute;border-bottom:8px solid #000;border-bottom:8px solid rgba(0,0,0,.8);border-left:8px solid transparent;border-right:8px solid transparent;top:-8px;left:50%;margin-left:-8px;}
.main-admin{float:right;}
.main-admin a{padding:8px 12px;margin-left:10px;position:relative;color:#FFF!important;border:0;}
.main-admin .log{background:rgba(255,255,255,.3);}
.main-admin .logout:hover{background:#F14D4E!important;}
.main-admin .detail{width:120%;left:-10%;}
.main-admin .avatar{border:0;padding:0;margin-right:5px;border-radius:0;vertical-align:middle;}

/* 通知栏 */
#bulletin{width:100%;min-width:320px;height:40px;background:#F9F9F9;border-bottom:1px solid #DDD;position:relative;z-index:1;}
#bulletin .immax{padding:8px 0;line-height:40px;position:relative;}
#bulletin ul{height:24px;line-height:24px;margin:0 40px 0 30px;overflow:hidden;}
#bulletin li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#bulletin .icon-bullhorn{font-size:16px;position:absolute;top:0;left:0;}
#bulletin .close{width:32px;height:32px;line-height:32px;font-size:24px;position:absolute;top:4px;right:0;color:#999;background:none;}
#bulletin .close:hover{color:#FFF;background:#F14D4E;}

#login-form{width:360px;background:#FFF;padding:30px 50px 15px;position:fixed;top:24%;left:50%;margin-left:-180px;color:#999;z-index:8010;border-radius:4px;}
#login-form .text{width:100%;margin:10px auto;padding-right:30px;}
#login-form .icon{position:absolute;top:13px;right:10px;}
#login-form p{position:relative;}
#login-form label{color:#666;}
#login-form .button{width:80px;position:relative;left:100%;margin-left:-80px;}
#login-form .action{margin:20px auto 0;text-align:center;}
#login-form .action i{margin-right:5px;}
#login-overlay{width:100%;height:100%;position:fixed;z-index:8000;top:0;left:0;overflow:hidden;background:#000;background:rgba(0,0,0,.7);display:none;}

/* 内容-全局 */
#map{padding:8px 15px;margin:-20px -20px 20px -20px;color:#999;background:#F6F6F6;border-bottom:1px solid #E6E6E6;}
#map a, .post-info a{color:#999;}
#map a:hover{color:#F85E86;}
.tags{width:100%;position:absolute;bottom:0;line-height:22px;white-space:nowrap;overflow:hidden;}
.tags a{padding:3px 6px;color:#FFF!important;font-size:12px;border-radius:2px;text-transform:uppercase;}
.tags a:hover{background:#000!important;}
.post-item{padding:10px 0;line-height:26px;border-bottom:1px dashed #CCC;}
.post-item .rate-holder{margin-right:20px;}
.post-info{color:#999;font-size:12px;margin:6px 0;}
.post-info span{margin-right:20px;}
.post-info span:last-child{margin:0;}
.thumbnail{margin:0 auto 8px;border:1px solid #E6E6E6;}
.thumbnail a{max-height:220px;margin:3px;position:relative;line-height:0;display:block;overflow:hidden;}
.thumbnail img{width:100%;height:auto;}
.thumbnail img:hover{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}

/* 文章条目-全局 */
.post-item .thumbnail{width:286px;max-width:40%;float:left;margin:0 15px 0 0;}
.post-item .thumbnail a{max-height:160px;}
.post-item .tags{width:auto;right:0;bottom:10px;}
.post-item i.top,.post-item i.new,.post-item i.update{top:10px;}
.post-entry{line-height:1.6;overflow:hidden;}
i.top, i.new, i.update{padding:3px 6px;position:absolute;top:0;left:0;font-style:normal;font-size:12px;color:#FFF;background:#F14D4E;cursor:default;-webkit-user-select:none;}
i.top:before{content:'TOP';}
i.new:before{content:'NEW';}
i.update:before{content:'UPDATE';}

/* 分页-全局 */
.pagination{text-align:center;}
.pagination i{font-style:normal;}
.pagination a, .pagination span , .pagination>i{width:32px;height:32px;margin:0 6px;line-height:32px;color:#666;background:#EEE;border-radius:50%;display:inline-block;}
.pagination a:hover{color:#FFF!important;background:#333!important;}
.pagination .current, .pagination>i{font-weight:800;color:#FFF;background:#2496C6;}
.pagination .page_prev{margin-right:10px;}
.pagination .page_next{margin-left:10px;}

/* 主页-博客布局-置顶文章 */
.sticky{margin:0 -2% -10px 0;}
.sticky article{width:48%;margin:0 2% 10px 0;float:left;border-bottom:1px dashed #CCC;overflow:hidden;}
.sticky .post-info{height:24px;overflow:hidden;}
.sticky h2{height:26px;overflow:hidden;}
.sticky i{left:auto;right:0;}
.sticky .post-entry{height:7em;margin:10px 0;}
.sticky .thumbnail{width:94px;float:left;margin:10px 10px 0 0;}
.sticky .tags{padding:5px 0 0;background:#FFF;}

/* 主页-分类布局-文章条目 */
.new-post{margin-left:-14px;overflow:hidden;}
.new-post .continue{float:right;padding:6px 12px;background:#F2F2F2;}
.new-post-item{width:33.3%;float:left;margin-bottom:15px;overflow:hidden;}
.new-post-content{height:340px;margin-left:15px;background:#FFF;border-bottom:1px dashed #CCC;overflow:hidden;}
.new-post-content .tags{background:#FFF;box-shadow:0 -1px 6px 6px #FFF;}
.new-post-content h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.new-post-content .thumbnail{border:0;}
.new-post-content .thumbnail a{max-height:180px;margin:0;}

/* 主页-分类布局-分类文章 */
.cat-title{font-size:20px;line-height:2;color:#555;background:#F6F6F6;border-bottom:3px double #E6E6E6;}
.cat-title:before{content:"\f03a";width:40px;margin-right:10px;text-align:center;border-right:1px solid #E6E6E6;float:left;}
.cat-title a{color:#555;}
.cat-title a:hover, .cat-post .post-title:hover{color:#F85E86;}
.cat-post{margin-right:330px;}
.cat-post>div{width:101%;}
.cat-post>div>div{width:49%;margin-right:1%;float:left;}
.cat-post .post-title{height:26px;color:#666;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cat-post-item{margin-bottom:10px;}
.cat-post-list{background:#FFF;padding:15px;position:relative;}
.cat-post-title{margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cat-post .thumbnail{width:116px;float:left;margin-right:10px;}
.cat-post article{height:128px;margin-bottom:6px;border-bottom:1px dashed #CCC;overflow:hidden;}
.cat-post ul li time{color:#AAA;float:right;}
.cat-post .posts li{min-height:60px;padding:6px 0;border-bottom:1px dashed #DDD;}
.cat-post .icon-time{margin-right:5px;}
.cat-post .icon-eye-open{margin:0 5px 0 20px;}
.cat-post .info{color:#AAA;}

/* 主页-CMS布局 */
#new-post{padding:20px 20px 12px;}
#new-post .thumbnail{width:40%;float:left;margin-right:20px;}
#new-post .first-post{position:relative;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed #CCC;}
#new-post .tags{width:auto;right:0;bottom:13px;}
#new-post .post-entry{line-height:1.8;}
.new-post-list{margin-left:-10px;}
.new-post-list li{width:50%;height:22px;display:inline-block;white-space:nowrap;overflow:hidden;}
.new-post-list a{color:#666;display:block;}
.new-post-list span{color:#AAA;padding-left:10px;margin-right:8px;float:left;}

.tab-post-cate { margin: -20px -20px 16px; background: #F6F6F6; border-bottom: 3px double #E6E6E6; }
.tab-cat-title{position:relative;display: inline-block;border-bottom: 1px solid #E6E6E6;margin-bottom: -1px;}
.tab-cat-title a { color:#555;font-size:20px; display: block; padding: 0 15px; border-right: 1px solid #DDD; }
.tab-cat-title .href{padding-bottom:3px;background:#FFF;position:absolute;top:0;left:0;display:none;}
.tab-cat-title.active .href{display:block;}
.tab-post-item { margin: 0 -12px -25px; }
.tab-post-item img { width:100%; }
.tab-post-list li { width: 25%; float: left; padding: 0 8px; margin-bottom:20px; }
.tab-post-list span { height: 40px; line-height: 20px; display: block; text-align: center; overflow: hidden; }

/* 媒体分类 */
.main-media{margin-right:-1%;}
.main-media .post-list{width:24%;height:420px;float:left;padding-bottom:10px;margin:0 1% 1% 0;background:#FFF;overflow:hidden;-webkit-backface-visibility:hidden;}
.main-media .thumbnail, .main-media h2{border:0;margin-bottom:6px;}
.main-media .thumbnail a{margin:0;}
.main-media .media-post{margin:15px;}
.main-media .post-entry{padding-top:6px;border-top:1px dashed #CCC;}
.main-media .click2play{height:auto;}
.main-media .info{height:40px;line-height:40px;padding:0 15px;color:#AAA;background:#FFF;border-top:1px solid #EEE;}
.main-media .info .views{float:right;}
.info a{color:#AAA;}
.main-media .info,.main-media .audioplayer, .main-media audio, .main-media embed{width:100%;position:absolute;bottom:0;}
.main-media .audioplayer{border:0;border-top:1px solid #E6E6E6;}
.main-media .media-iframe, .main-media video{width:100%;}

/* iframe播放 */
.click2play{width:480px;height:300px;min-height:140px;margin:auto;line-height:0;max-width:100%;color:#FFF;background:#1F6A99 url(../play.png) center no-repeat;background:rgba(6,72,124,.8);position:relative;cursor:pointer;}
.click2play img{width:100%;opacity:.6;filter:alpha(opacity=50);}
.click2play:before{content:"";display:block;border:24px solid rgba(0,0,0,0);border-left:42px solid;position:absolute;left:50%;top:50%;z-index:1;-webkit-transform:translateX(-32%) translateY(-50%) scale(0.7);-moz-transform:translateX(-32%) translateY(-50%) scale(0.7);transform:translateX(-33%) translateY(-50%) scale(0.7);}
.click2play:after{content:"";width:90px;height:90px;display:block;border:4px solid rgba(255,255,255,1);border-radius:50%;position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) scale(0.7);-moz-transform:translateX(-50%) translateY(-50%) scale(0.7);transform:translateX(-50%) translateY(-50%) scale(0.7);}
.click2play:before,.click2play:after{opacity:.8;transition:transform 0.3s,opacity 0.2s;-webkit-transition:-webkit-transform 0.3s,opacity 0.2s;box-sizing:border-box;}
.click2play:hover{background-color:#06487C;}
.click2play:hover:before{opacity:.4;-webkit-transform:translateX(-24%) translateY(-50%) scale(1);-moz-transform:translateX(-24%) translateY(-50%) scale(1);transform:translateX(-24%) translateY(-50%) scale(1);}
.click2play:hover:after{opacity:.3;border-width:2px;transform:translateX(-50%) translateY(-50%) scale(1);-webkit-transform:translateX(-50%) translateY(-50%) scale(1);-moz-transform:translateX(-50%) translateY(-50%) scale(1);-ms-transform:translateX(-50%) translateY(-50%) scale(1);}
.media-iframe{display:block;background:#F9F9F9 url(../loader.gif) center no-repeat;}

/* 文章页 */
.article .entry-title, body.page .entry-title{font-size:30px;line-height:1.8;text-align:center;}
.article .tag{margin-top:10px;text-align:center;}
.article .font-size{padding:6px 0;}
.article .font-size span{color:#AAA;padding:3px 6px;margin-right:6px;cursor:pointer;}
.article .font-size span:hover{color:#FFF;background:#2496C6;}

#ini-index{width:200px;max-height:360px;padding:10px;margin:0 0 10px 10px;position:relative;float:right;color:#AAA;background:#F6F6F6;border:2px solid #DDD;z-index:960;overflow:auto;}
#ini-index ul{padding-left:18px;}

#meheader{width:320px;margin-left:-320px;float:right;}
#meheader .entry-title{font-size:28px;font-weight:800;margin-bottom:10px;text-align:center;}
#meheader .cover{width:320px;height:320px;background:#DDD;background:rgba(0,0,0,.3);padding:30px;position:relative;}
#meheader .cover-box{width:260px;height:260px;padding:5px;background:#FFF;background:rgba(255,255,255,.36);border-radius:50%;}
#meheader .clip{width:250px;height:250px;border-radius:50%;overflow:hidden;}
#meheader img{width:auto;min-width:100%;max-width:none;height:100%;}
.mecontext{padding:15px;background:#FFF;background:rgba(255,255,255,.5);position:relative;}
.mecontext a{color:#305CA0;}
.mecontext .post-rate, .mecontext .rating-stars{color:#E05;}
#meheader .clear{height:32px;}
#meheader #bdshare{width:272px;}
#meheader #bdshare span{display:none;}
#meheader #bdshare{position:absolute;right:10px;bottom:10px;}

.context{margin:30px 0;line-height:2;-webkit-backface-visibility:hidden;}
.context .excerpt{color:#B63;background:#FEC;padding:10px;margin:10px 0;}
.context .excerpt:before{content:"导读：";font-weight:800;}
.context a:not(.fbox-img){border-bottom:1px dotted;}
.context p{margin:10px 0;}
.context ul{padding-left:40px;}
.context ol{padding-left:50px;}
.context li{padding-top:6px;border-bottom:1px dashed #DDD;}
.context li a{border:0!important;}
.context ul li{list-style:square;}
.context ol li{list-style:decimal;list-style:decimal-leading-zero;}
.context h3{padding:6px 0;margin:30px 0 20px;text-align:center;font-size:22px;font-weight:800;border-bottom:1px dashed #AAA;}
.context h4{color:#06B;}
.context h5{color:#E63;}
.context h4, .context h5, .context h6{margin:20px 0;letter-spacing:1px;}
.context h4:before, .context h5:before, .context h6:before{content:"»";margin-right:10px;}
.context iframe{margin:10px auto;}
.context table{text-align:center;background:#DDD;border-spacing:1px;}
.context table td{padding:3px;background:#FFF;}
.context thead th{color:#FFF;padding:6px;font-size:16px;background:#2496C6;letter-spacing:1px;}
.context tbody th{padding:4px;font-weight:400;background:#EEE;}
.context .bright{color:#000;font-weight:800;margin:0 6px;padding:2px 6px;text-shadow:1px 1px #FFF, 1px 2px 4px #AAA;box-shadow:1px 1px 1px #DDD inset;border:1px solid #CCC;border-radius:3px;}
.context .car-list{margin:10px 0;background:#FCFCFC;}
.context .car-list button{margin:0;}
.context .car-list ul{display:none;}
.context .car-list ul li{list-style:none;border:0;}
.context [class*=download]{margin:5px 10px 5px 0;color:#DDD;color:rgba(255,255,255,.7);background:#00699B;text-indent:0;text-shadow:none;display:inline-block;border:1px solid #00699B;border-radius:4px;box-shadow:0 1px 0 rgba(255,255,255,.4) inset}
.context [class*=download] a{color:#FFF!important;background:#1E90B4;padding:6px 12px;border:0;display:inline-block;box-shadow:0 1px 0 rgba(255,255,255,.4) inset}
.context [class*=download] a:hover{background:#2496C6;}
.context [class*=download]:before{content:"\e007";padding:10px;font-size:18px;font-family:icaoyefont;}
.context .u-download:before{content:"\e008";}

.post-nav{padding:6px 18px;margin:20px -20px;border:solid #E6E6E6;border-width:1px 0;}
.post-nav>div{width:50%;padding:0 20px;line-height:32px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.post-nav i{color:#AAA;font-size:24px;vertical-align:sub;}
.post-nav .post-prev{float:left;}
.post-nav .post-prev i{position:absolute;left:0;}
.post-nav .post-next{float:right;text-align:right;}
.post-nav .post-next i{position:absolute;right:0;}

.post-header{font-size:12px;text-align:center;color:#AAA;border-bottom:1px dashed #DDD;}
.post-header a{color:#AAA;}
.post-header>span{margin-right:15px;white-space:nowrap;}
.post-meta{padding:10px;margin-bottom:20px;background:#F6F6F6;border:1px solid #EEE;}
.post-meta:last-child{margin:0;}
.post-meta p{font-size:12px;}
.post-meta li{width:50%;height:24px;float:left;overflow:hidden;}
.post-meta li:before{content:"\f0a4";font-family:FontAwesome;margin:0 10px 0 5px;color:#666;}
.post-meta .m-t{padding:2px 16px;position:absolute;right:30px;top:-1px;color:#FFF;background:#2496C6;}
.author-info img{float:left;margin-right:15px;}
.author-info .fn{font-weight:800;font-size:16px;}
.related-post{margin:10px -1% -10px 0;}
.related-post>a{width:49%;padding:10px;margin:0 1% 8px 0;background:#F6F6F6;float:left;}
.related-post>a:hover{background:#E6E6E6;}
.related-post>a span{width:calc(100% - 80px);width:-webkit-calc(100% - 80px);font-size:16px;font-weight:400;height:50px;line-height:25px;color:#666!important;display:block;overflow:hidden;}
.related-post>a img{width:50px;height:auto;margin-right:10px;float:left;border-radius:25px;}

.archive-title{font-size:24px;font-weight:800;}
.archive-title .icon-rss{color:#F14D4E;margin-left:10px;}
.archive-title a:hover{opacity:.7;filter:alpha(opacity=70);}
.main-page{padding:20px 20px 20px 225px;margin:0 auto 10px;border:1px solid #DDD;background:#FFF;position:relative;}
.main-page .menu{width:200px;height:100%;position:absolute;left:0;top:0;background:#F9F9F9;border-right:1px solid #DDD;}
.main-page .menu .page_item{border-bottom:1px solid #EEE;}
.main-page .menu .page_item a{color:#666;font-size:16px;padding:15px 30px;display:block;}
.main-page .menu .current_page_item{background:#FFF;margin-right:-1px;}
.main-page #comments h2{margin:20px 0;}

/* 侧边栏-全局 */
#sidebar{width:320px;float:right;color:#666;margin-left:-320px;}
#sidebar .widget{padding:10px;margin-bottom:10px;}
#sidebar h3{padding:5px 0 3px 10px;margin:-10px -10px 10px;color:#333;background:#F6F6F6;border-bottom:3px double #E6E6E6;cursor:default;}
.widget li{padding:6px 0;border-bottom:1px dashed #E6E6E6;}
.widget li a{line-height:24px;color:#888;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.widget a:hover{color:#F85E86;}
.widget select{width:100%;padding:3px;}
.widget small.date{margin:5px 0;color:#AAA;}
.widget .more-tag{margin-top:5px;display:block;text-align:center;padding:6px 12px;background:#F2F2F2;}

/* 侧栏幻灯片 */
#slideShow{position:relative;}
#slideShow .snav{height:20px;text-align:center;}
#slideShow .hd{display:inline-block;}
#slideShow .hd li{font:0/0 '';line-height:24px;padding:0!important;display:inline-block;width:10px;height:10px;border-radius:5px;background:#EEE;margin:6px;cursor:pointer;}
#slideShow .hd li.on{background:#4AF;cursor:default;}
#slideShow img{width:100%;}
#slideShow ul li{padding:0;border:0;}
#slideShow button{width:20px;height:20px;margin:0 6px;position:relative;top:-2px;font-size:17px;line-height:20px;color:#666;background:#EEE;border-radius:10px;}

/* 侧边栏-系统自带 */
#wp-calendar{width:100%;text-align:center;background:#DDD;border-spacing:1px;}
#wp-calendar th{color:#FFF;padding:3px;font-size:16px;background:#67AFCE;letter-spacing:1px;}
#wp-calendar td{color:#AAA;padding:4px;background:#FFF;}
#wp-calendar caption{font-size:16px;}
#wp-calendar a{display:block;}
#wp-calendar tbody a{background:#EEE;}
.widget_links>ul>li,.widget_categories>ul>li,.widget_archive>ul>li{width:50%;float:left;}
.widget_links>ul>li a,.widget_categories>ul>li a,.widget_archive>ul>li a{display:inline;margin:0 6px;}
.widget_cy_ad>.lh{line-height:0;display:block;margin-bottom:10px;}
.widget_categories .children{margin-left:20px;}
.widget_categories .children li{border:0;}

/* 侧边栏-草野挂件 */
.cy-search{width:100%;height:36px;position:relative;border:4px solid #E6E6E6;}
.cy-search input[type=text]{width:85%;height:100%;position:absolute;left:0;background:#F6F6F6;border:0;}
.cy-search input[type=submit]{width:15%;height:100%;padding:0;position:absolute;right:0;font-size:16px;color:#FFF;background:#333;}
.cy-search input[type=submit]:hover{background:#2496C6;}
.cy_tags a{margin-right:3px;color:#3D98D6;}
.cy_color_tags a{font-size:12px;padding:3px 8px;color:#FFF!important;display:inline-block;margin:0 5px 5px 0;border-radius:2px;text-transform:uppercase;}
.cy_color_tags a:hover{background:#000!important;}
.cy_tab_menu{height:47px;padding-top:10px;margin:-10px -10px 10px;background:#F6F6F6;}
.cy_tab_menu li{width:33.33%;float:left;font-size:20px;text-align:center;line-height:24px;margin-top:-4px;padding-bottom:8px;border-bottom:3px double #E6E6E6;}
.cy_tab_menu li.current{color:#666;border-bottom:3px solid #2496C6!important;}
.cy_tab_post span{height:24px;float:left;padding:0 5px;margin-right:5px;font-size:12px;color:#666;border:1px solid #DDD;border-radius:3px;}
.cy_tab_post .hot{color:#F14D4E;}
.cy_tab_post .icon-comment{margin-right:4px;}
.cy_posts li{min-height:60px;}
.cy_posts img, .cat-post .posts img{width:48px;height:48px;float:left;padding:0;margin:0 10px 0 5px;border-radius:30px;}
.cy_comment{margin-top:-10px;}
.cy_comment .cmt-body{position:relative;margin-top:10px;}
.cy_comment .avatar{position:absolute;top:0;}
.cy_comment p{white-space:nowrap;overflow:hidden;margin-top:5px;text-overflow:ellipsis;}
.cy_comment li a{display:inline;}
.cy_comment .cmt-msg{font-size:12px;padding:6px;background:#F6F6F6;position:relative;border-radius:4px;}
.cy_comment .cmt-msg:before{content:"";display:block;position:absolute;top:10px;left:-12px;border:6px solid rgba(0, 0, 0, 0);border-right:6px solid #F9F9F9;}
.cy_readers li{padding:0;float:left;border-bottom:none!important;}
.cy_readers img{margin:6px;}
.cy_readers img:hover{border-color:#F14D4E;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}

/* 评论内容 */
#respond{margin-bottom:10px;position:relative;}
#commentform{line-height:0;}
#commentform *{line-height:1.8;}
#commenttext input{width:200px;line-height:1.2;margin:0 10px 10px 0;vertical-align:middle;}
#notify{width:180px;float:right;text-align:right;}
#cancel-comment-reply-link{float:right;}
#loading, #error{position:absolute;bottom:0;}
#comments h2{padding:6px;margin:-20px -20px 10px;line-height:1.8;text-align:center;background:#F6F6F6;border-bottom:1px solid #E6E6E6;}
#editor{width:100%;height:30px;position:relative;background:#FFF;overflow:hidden;}
#editor a{padding:0 6px;line-height:30px;display:inline-block;color:#888;border-right:1px solid #DDD;}
#editor a:hover{color:#000;}
#editor #submit{padding:0 9px;position:absolute;top:0;right:0;border:0;color:#FFF;background:#2496C6;line-height:30px;}
#editor #submit:hover{background:#C25BBA;}
#fontcolor a{width:20px;height:20px;}
#fontcolor a, #smiley a{display:inline-block;margin:6px 6px 0 0;}
#comments img.avatar{position:absolute;}
#comments small{width:100%;font-size:12px;text-align:right;color:#999;display:block;}
#comments small a{margin-left:6px;color:#999;}
#comments section{float:left;}
#comments textarea{height:120px;margin-bottom:-1px;}
#comments .admin{border-color:#95EEBC;background:#EAFAEA;}
#comments .admin:before{border-right-color:#95EEBC;}
#comments .admin:after{border-right-color:#EAFAEA;}
#comment-loading{height:32px;margin:20px;background:center url(../loader.gif) no-repeat;display:none;}
.comment-list #respond{padding:10px;margin-top:-10px;background:#F9F9F9;border:solid #E6E6E6;border-width:0 1px 1px 1px;border-radius:0 0 3px 3px;}
.comment-list #loading, .comment-list #error{bottom:10px;}
.comment-list .floor{float:right;color:#DDD;}
.comment-list .floor span{font-size:16px;font-weight:800;}
.comment-body{padding:10px 0;position:relative;font-size:12px;}
.comment-text{position:relative;padding:10px;background:#FCFCFC;border:1px solid #EEE;border-radius:3px;}
.comment-text:before{content:"";position:absolute;left:-16px;top:9px;border:8px solid rgba(0,0,0,0);border-right:8px solid #E6E6E6;}
.comment-text:after{content:"";position:absolute;left:-14px;top:10px;border:7px solid rgba(0,0,0,0);border-right:7px solid #FCFCFC;}

/* 文章归档 */
.car-search{width:60%;height:45px;margin:30px auto;}
.car-list button{width:100%;font-weight:800;font-size:16px;padding:10px 20px;margin:10px 0;text-align:left;color:#E63;background:#F6F6F6;}
.car-list button:before{content:"\f116";margin-right:5px;font:400 12px '';vertical-align:middle;}
.car-monthlist{margin-left:20px;}
.car-monthlist span{float:left;}
.car-monthlist div{margin-left:60px;}
.car-monthlist i{margin:0 10px;font-style:normal;color:#CCC;}
.car-monthlist li{padding:3px 0;}
.car-monthlist li:hover i{color:#F14D4E;}

/* 友情链接和来宾 */
.flink{margin:20px -1% -8px 0;}
.flink li{width:24%;float:left;padding:10px;margin:0 1% 8px 0;background:#F2F2F2;}
.flink li:hover{background:#E6E6E6;}
.flink a{height:90px;color:#666;display:block;overflow:hidden;}
.flink i{font-style:normal;font-weight:800;color:#333;display:block;}
.visitor a{height:48px;}
.visitor img{float:left;margin-right:10px;}

/* 投稿页 */
.tougao>form>p{margin-top:10px;}
.tougao>form>p:first-child{margin-top:50px;}

/* 标签页 */
.tag-list ul{padding:50px 0  20px 90px;margin-top:-30px;border-bottom:1px dashed #CCC;position:relative;}
.tag-list li{padding:8px 0;}
.tag-list strong{width:80px;position:absolute;left:0;font-size:30px;text-align:center;display:inline-block;}
.tag-list small{color:#AAA;}
.tag-list .tag-name{font-size:16px;margin-right:10px;color:#000;}
.tag-list .tag-name:hover{color:#F85E86;}
.tag-list .icon-rss{color:#F14D4E;}
.abc-list{padding:20px 10px 10px 20px;margin-bottom:30px;background:#F9F9F9;border:1px solid #DDD;}
.abc-list a{padding:6px 16px;margin:0 10px 10px 0;font:15px 'Courier new';background:#FFF;border:1px solid #E6E6E6;display:inline-block;}
.abc-list a.none{color:#DDD;background:none;cursor:default;}
.abc-list a:not(.none):hover{border-color:#CCC;}

/* 最可爱的页脚 */
#footer{width:100%;min-width:320px;position:absolute;color:#666;background:#F9F9F9;border-top:1px solid #DDD;}
#footer a{position:relative;}
#footer a:after{content:'';width:0;position:absolute;left:0;bottom:-2px;border-bottom:1px solid;transition:width .3s ease-out;}
#footer a:hover:after{width:100%;}
#footer img,#footer .cy_color_tags a{opacity:.8;filter:alpha(opacity=80);}
.footer-ms{padding:20px 0 10px;}
.footer-cr{padding:12px 0;background:#EEE;}
#footer .footer-widget{width:102%;}
#footer .widget{width:31.333%;margin:0 2% 20px 0;float:left;}
#footer .widget li,#footer img.avatar{padding:3px 0;border-color:rgba(0,0,0,.1);}
#footer .widget>ul,#footer .widget>div{padding:10px 0;}
#footer .cy_tab_menu{margin:0;background:none;}
#footer .cy_tab_post span{display:none;}
#footer .cy_comment .cmt-body{margin:0;}
#footer .cy_comment .cmt-msg{background:none;}
#footer .cy_comment .cmt-msg:before{display:none;}

/* 侧边导航按钮 */
#side-nav{width:40px;position:fixed;right:-40px;bottom:90px;}
#side-nav button{width:40px;height:40px;margin-bottom:10px;font-size:20px;color:#FFF;background:#0094C8;background:rgba(0,0,0,.7);border-radius:50%;z-index:3;}
#side-nav button:hover{background:#2496C6;}
#car-toggle{font-size:14px!important;}

/* fancybox */
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;}
.fancybox-skin{position:relative;background:#FFF;box-shadow:0 6px 24px rgba(0,0,0,.5);}
.fancybox-opened{z-index:8030;}
.fancybox-outer, .fancybox-inner{position:relative;}
.fancybox-inner{overflow:hidden;}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}
.fancybox-error{color:#444;font-size:14px;line-height:20px;margin:0;padding:15px;white-space:nowrap;}
.fancybox-image, .fancybox-iframe{display:block;width:100%;height:100%;}
#fancybox-loading{position:fixed;top:50%;left:50%;z-index:8060;margin:-22px 0 0 -22px;background:#000;border-radius:6px;opacity:0.8;cursor:pointer;}
#fancybox-loading div{width:44px;height:44px;background:url('../loading.gif') center center no-repeat;}
.fancybox-nav{width:50px;height:50px;position:absolute;top:50%;margin-top:-20px;font:40px/0 '';color:#DDD;color:rgba(255,255,255,.5);background:#000;background:rgba(0,0,0,.4);border-radius:50px;border:3px solid;z-index:8040;}
.fancybox-nav:hover{color:#EEE;background:#000;}
.fancybox-prev{left:-75px;}
.fancybox-next{right:-75px;}
.fancybox-toggle{width:100%;height:100%;position:absolute;top:0;}
.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important;}
.fancybox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:#000;background:rgba(0,0,0,.7);}
.fancybox-title{visibility:hidden;font-size:13px;line-height:20px;position:relative;z-index:8050;}
.fancybox-opened .fancybox-title{visibility:visible;}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:4px 20px;background:rgba(0,0,0,.7);color:#FFF;white-space:nowrap;border-radius:20px;}
.fancybox-title-outside-wrap{color:#FFF;text-align:center;max-height:60px;margin:6px 0;overflow:hidden;text-shadow:0 2px 3px #000;}
.fancybox-title-inside-wrap{padding:3px 0;}
.fancybox-title-over-wrap{width:100%;position:absolute;bottom:0;color:#FFF;padding:10px;background:#000;background:rgba(0,0,0,.6);}
#fancybox-thumbs{width:100%;position:fixed;left:0;padding:3px;overflow:hidden;z-index:8050;background:#000;background:rgba(0,0,0,.6);}
#fancybox-thumbs.bottom{bottom:0;}
#fancybox-thumbs.top{top:0;}
#fancybox-thumbs ul{position:relative;}
#fancybox-thumbs ul li{float:left;padding:3px;}
#fancybox-thumbs ul li.active{padding:2px;border:1px solid #999;}
#fancybox-thumbs ul li a{position:relative;display:block;overflow:hidden;}
#fancybox-thumbs ul li img{max-width:none;display:block;position:relative;opacity:0.3;}
#fancybox-thumbs ul li.active img{opacity:0.8;}
#fancybox-thumbs ul li img:hover{opacity:1;}

/* Prettify */
pre.prettyprint{width:100%;padding:6px 12px;margin:10px 0;font:13px/1.8 Monaco,Courier!important;overflow:auto;color:#888;background:#F2F2F2;border:1px solid #DDD;text-shadow:0 1px #FFF;white-space:nowrap;}
pre.prettyprint.linenumstrigger{padding:0;}
pre.prettyprint ol.linenums{min-width:100%;float:left;}
pre.prettyprint ol li{padding:0 10px;background:#F9F9F9;color:#AAA;border:0;border-left:3px solid #6C6;}
pre.prettyprint ol li.highlighttrigger{background:#EEF;}
span.str{color:#12A812;}span.kwd{color:#F03;font-weight:800;}span.com{color:#F80;font-style:italic;}span.typ{color:#606;font-weight:800;}span.lit{color:#19C;}span.pun{color:#1F75CA;}span.pln{color:#8A1696;}span.tag{color:#9917D6;}span.atn{color:#F60C99;}span.atv{color:#080;}span.dec{color:#C39;}

/* Baidu Share */
#bdshare{width:345px;height:32px;margin:10px auto 0;}
#bdshare span{position:relative;padding:0 8px;margin-right:15px;color:#666;background:#EEE;line-height:32px;float:left;border-radius:3px;}
#bdshare span:after{content:"";position:absolute;top:8px;right:-6px;border-top:8px solid transparent;border-left:6px solid #EEE;border-bottom:8px solid transparent;}
#bdshare a, .bdselect_share_box a, .bdimgshare-content a{width:32px;margin:0 8px 0 0;float:left;background-image:none!important;border-radius:3px;overflow:hidden;}
#bdshare a:before, .bdselect_share_box a:before, .bdimgshare-content a:before{font-size:24px;line-height:32px;text-align:center;text-indent:0!important;color:#FFF;display:block;font-family:icaoyefont;}
.bdimgshare-content a, .bdselect_share_box a{width:24px!important;padding-left:0!important;}
.bdimgshare-content a:before, .bdselect_share_box a:before{font-size:18px;line-height:24px;}
.bds_tsina:before{content:"\e00e";background:#F64E4E;}
.bds_qzone:before{content:"\e003";background:#F2D636;}
.bds_weixin:before{content:"\e002";background:#48CC4F;}
.bds_douban:before{content:"\e001";background:#2FA23D;}
.bds_twi:before{content:"\e00d";background:#2AA9E0;}
.bds_fbook:before{content:"\e00c";background:#5776B8;}
.bds_more:before{content:"\e010";background:#C44CCF;}
.bds_more{margin-right:0!important;}
.bdshare_popup_box, .bdshare_popup_bg{margin-left:-196px;}
.bdselect_share_content{width:228px!important;border:2px solid #DDD;}
.bdselect_share_box{margin-top:6px;border:0!important;box-shadow:none!important;}
.bdselect_share_box .selectshare-mod-triangle{top:-10px!important;}
.bdselect_share_box .selectshare-mod-triangle .triangle-border{border-color:transparent transparent #DDD transparent!important;border-width:7px!important;top:-4px!important;left:-1px!important;}
.bdselect_share_box .selectshare-mod-triangle .triangle-inset{border-color:transparent transparent #F2F2F2 transparent!important;border-width:6px!important;}
.bdselect_share_list{padding:3px 10px!important;background:#F6F6F6!important;}
.bdselect_share_head{display:none!important;}
.bdshare_dialog_box{border:0!important;background:#F2F2F2;box-shadow:0 0 0 999px rgba(0,0,0,.6)!important;}
.bd_weixin_popup{box-sizing:content-box;}

/* wpadminbar */
div#wpadminbar{top:auto;bottom:0;z-index:997;}

/* icon font */
@font-face
{
font-family:icaoyefont;
src:url('../font/icaoyefont.eot');
src:url('../font/icaoyefont.eot?#iefix') format('embedded-opentype'),
    url('../font/icaoyefont.ttf') format('truetype'),
    url('../font/icaoyefont.svg') format('svg');
}
#nav-switch,.nav-menu>li.menu-item-has-children>a:after,.cat-title:before,.car-list button:before{font-family:FontAwesome;}
.icon-twb:before{content:"\e004";font-family:icaoyefont;}
.icon-gg:before{content:"\f0d5";}
.icon-mail:before{content:"\f0e0";}
.icon-cmt:before{content:"\f0e5";}
.icon-weixin:before{content:"\e002";font-family:icaoyefont;}

/* rates */
.rate-holder{display:inline-block;margin-right:10px;}
.post-rate, .rating-stars, .rating-star{font-size:16px;font-family:icaoyefont;}
.post-rate{position:relative;display:inline-block;z-index:8;}
.post-rate,.rating-stars{color:#FC0;}
.post-rate:before{content:"\e006\e006\e006\e006\e006";}
.rating-stars:before{content:"\e005\e005\e005\e005\e005";white-space:nowrap;}
.rating-stars{display:block;height:23px;overflow:hidden;position:absolute;left:0;top:0;z-index:10;}
.rating-combo{display:block;display:inline-block;position:relative;}
.rating-toggle{background:#F6F6F6;padding:2px 4px;position:relative;}
.piao{margin:0 5px;display:inline-block;white-space:nowrap;}
.rating-combo ul{background:#F6F6F6;position:absolute;z-index:1;left:0;top:23px;display:none;border:2px solid #DDD;}
.rating-combo li a{width:90px;display:inline-block;padding:0 5px;}
.rating-combo li{line-height:1.2;}
.rating-combo li a:hover{background:#EEE;}
.rating-star{color:#FC0;display:inline-block;overflow:hidden;position:relative;}
.star-1:before{content:"\e005\e006\e006\e006\e006";}
.star-2:before{content:"\e005\e005\e006\e006\e006";}
.star-3:before{content:"\e005\e005\e005\e006\e006";}
.star-4:before{content:"\e005\e005\e005\e005\e006";}
.star-5:before{content:"\e005\e005\e005\e005\e005";}

/* hover-全局 */
a:hover,#comments small a:hover,.menu .page_item a:hover,#wp-calendar a:hover{color:#F85E86;}
.featured-title,.rand-item button,#rand-changer,.thumbnail img:hover,.fancybox-overlay,#login-overlay{filter:alpha(opacity=75);}

/* 响应式效果 */
@media screen and (max-width:1079px)
{
.rand-item{width:31.333%;margin-left:2%;}
.rand-item:nth-child(7),.rand-item:nth-child(8){display:none!important;}
#nav-item #nav-logo a{width:40px;}
.cat-post>div{width:100%;}
.cat-post>div>div{width:100%;margin-right:0;}
.main-media .post-list{width:32.333%;}
.post-item{padding-bottom:36px;}
}

@media screen and (max-width:900px)
{
.rand-item{width:48%;}
.rand-item:nth-child(5),.rand-item:nth-child(6){display:none!important;}
.tab-post-list li{width:50%;}
.cat-post>div{width:100%;}
.sticky article,.related-post,.related-post>a{width:100%;margin-right:0;}
.new-post-item{width:50%;}
.flink li{width:32.333%;}
}

@media screen and (max-width:800px)
{
#sidebar,#footer .footer-widget{width:101%;float:none;margin:0;}
#sidebar .widget,#footer .widget{float:left;width:49%;margin-right:1%;}
#meheader{width:100%;float:none;margin:0;padding:0!important;padding-left:320px;position:relative;}
#meheader .cover{height:100%;position:absolute;top:0;left:0;}
#meheader .mecontext{min-height:none;}
#meheader .cover,#rand-changer,#ini-index,.main-page .menu{display:none!important;}
#meheader .entry-title{text-align:left;}
.main, .cat-post{margin-right:0;}
.rand-item{width:47%;margin-left:3%;}
.tab-post-list li{width:25%;}
.cat-post>div{width:101%;}
.cat-post>div>div,.sticky article,.related-post>a{width:49%;margin-right:1%;}
.related-post{margin-right:-1%;}
.car-search{width:100%;font-size:110%;}
.main-page{padding:20px;}
}

@media screen and (max-width:720px)
{
.rand-item{width:95%;margin-left:5%;}
.main-media .post-list,.flink li{width:49%;}
}

@media screen and (max-width:600px)
{
#metro{height:auto;margin:20px auto;}
#featured,.main-likeus{width:auto;float:none;margin:auto;}
#featured a{height:auto;}
#main-detail a{float:none;display:inline-block;}
#rand,.main-admin,#main-detail .qrcode,.main-follow,.post-meta .m-t{display:none;}
#sidebar,#footer .footer-widget,.cat-post>div,.post-meta li{width:100%;font-size:14px;}
.tab-post-list li{width:50%;}
.post-item .thumbnail{width:100%;max-width:none;height:auto;float:none;margin:0 auto 10px;}
.post-item .thumbnail a{max-height:230px;}
.cat-post>div>div,#sidebar .widget,#footer .widget,.related-post,.related-post a{width:100%;margin-right:0;}
.post-nav{text-align:center;}
.post-nav>div{width:auto;max-width:100%;display:inline-block;float:none!important;}
}

@media screen and (max-width:480px)
{
.main-media{margin-right:0;}
.main-media .post-list,.sticky .post-list,.new-post-item,#new-post .thumbnail,.new-post-list li{width:100%;}
}

/* 打印设置 */
@media print
{
#nav,#side-nav{display:none;}
*{box-shadow:none!important;text-shadow:none!important;}
span.str{color:#060;}span.kwd{color:#C0D;font-weight:800;}span.com{color:#600;font-style:italic;}span.typ{color:#404;font-weight:800;}span.lit{color:#044;}span.pun{color:#440;}span.pln{color:#000;}span.tag{color:#008;font-weight:800;}span.atn{color:#404;}span.atv{color:#060;}
}

/* 兼容Retina */
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5)
{
#fancybox-loading div{background-image:url('../loading@2x.gif');background-size:24px 24px;}
}

/* 鼠标选择效果 */
::selection{color:#FFF;background:#000;text-shadow:none;}

/* HTML5音乐播放器 */
.audioplayer{width:480px;max-width:100%;height:40px;margin:auto;font-size:16px;color:#666;position:relative;z-index:1;background:#F9F9F9;border:1px solid #DDD}
.audioplayer:hover .audioplayer-bar{height:6px;margin-top:-3px}
.audioplayer:hover .audioplayer-bar-played:after{top:-3px}
.audioplayer>div{position:absolute}
.audioplayer-playpause{width:2.5em;height:100%;text-align:left;text-indent:-9999px;cursor:pointer;z-index:2;top:0;left:0}
.audioplayer-playpause a{display:block}
.audioplayer-stopped .audioplayer-playpause a{width:0;height:0;border:.4em solid rgba(0,0,0,0);border-left:.8em solid #999;content:'';position:absolute;top:50%;left:50%;margin:-0.4em 0 0 -0.25em}
.audioplayer-playing .audioplayer-playpause a{width:.8em;height:.8em;position:absolute;top:50%;left:50%;margin:-0.4em 0 0 -0.4em;border:0;}
.audioplayer-playing .audioplayer-playpause a:before,.audioplayer-playing .audioplayer-playpause a:after{width:40%;height:100%;background:#999;content:'';position:absolute;top:0}
.audioplayer-playing .audioplayer-playpause a:before{left:0}
.audioplayer-playing .audioplayer-playpause a:after{right:0}
.audioplayer-playpause:hover a{border-left-color:#E75EA0}
.audioplayer-playpause:hover a:before,.audioplayer-playpause:hover a:after{background:#E75EA0}
.audioplayer-time{float:left}
.audioplayer-time-current:after{content:"/";margin:0 5px}
.audioplayer-time-limit{font-size:.75em;top:0;right:4em;line-height:3.333333em}
.audioplayer-bar{height:4px;background:rgba(0,0,0,.3);cursor:pointer;z-index:1;margin-top:-2px;top:50%;right:8.4em;left:3em}
.audioplayer-novolume .audioplayer-bar{right:4.375em}
.audioplayer-bar div{width:0;height:100%;position:absolute;left:0;top:0}
.audioplayer-bar-loaded{background:rgba(255,255,255,.4);z-index:1}
.audioplayer-bar-played{background:#4FA9F6;z-index:2}
.audioplayer-bar-played:after,.audioplayer-volume-adjust div div:after{content:"";width:10px;height:10px;background:#FFF;border:1px solid #CCC;border-radius:8px;position:absolute;right:-6px;top:-4px}
.audioplayer-volume{width:2.5em;height:100%;border-left:1px solid #e6e6e6;text-align:left;text-indent:-9999px;cursor:pointer;z-index:2;top:0;right:0}
.audioplayer-volume:hover{background:#EEE}
.audioplayer-volume-button{width:100%;height:100%}
.audioplayer-volume-button a{width:.313em;height:.375em;background:#999;display:block;position:relative;z-index:1;top:40%;left:33%}
.audioplayer-volume-button a:before,.audioplayer-volume-button a:after{content:'';position:absolute}
.audioplayer-volume-button a:before{width:0;height:0;border:.5em solid transparent;border-left:0;border-right-color:#999;z-index:2;top:50%;right:-0.25em;margin-top:-0.5em}
.audioplayer:not(.audioplayer-muted) .audioplayer-volume-button a:after{width:.313em;height:.313em;border:.25em double #999;border-width:.25em .25em 0 0;left:.563em;top:-0.063em;-webkit-border-radius:0 .938em 0 0;-moz-border-radius:0 .938em 0 0;border-radius:0 .938em 0 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.audioplayer-volume-adjust{height:6em;cursor:default;margin-bottom:1px;position:absolute;left:0;top:-9999px;background:#F9F9F9}
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust{opacity:0}
.audioplayer-volume:hover .audioplayer-volume-adjust{width:100%;top:auto;bottom:100%}
.audioplayer-volume-adjust>div{width:10%;height:4.6em;background:rgba(0,0,0,.3);cursor:pointer;position:relative;z-index:1;margin:.7em auto 0;-webkit-backface-visibility:hidden}
.audioplayer-volume-adjust div div{width:100%;height:100%;position:absolute;bottom:0;left:0;background:rgba(125,255,50,0.8)}
.audioplayer-volume-adjust div div:after { right: -4px; top: -6px }
.audioplayer-novolume .audioplayer-volume{display:none}
.audioplayer *,.audioplayer *:before,.audioplayer *:after{-webkit-transition:color .25s ease,background .25s ease,opacity .5s ease;-moz-transition:color .25s ease,background .25s ease,opacity .5s ease;-ms-transition:color .25s ease,background .25s ease,opacity .5s ease;-o-transition:color .25s ease,background .25s ease,opacity .5s ease;transition:color .25s ease,background .25s ease,opacity .5s ease}

